<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>全屏滚动组件</title>
		<meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=yes">
		<link href="css/demo.css" rel="stylesheet" type="text/css" />
		<!--依赖jquery-->
		<script src="../../../plugin/jquery/jquery.min.js"></script>
		<script src="js/fullScreenScroll.js"></script>
	</head>
	<body>
		<div id="scrollContent" class="scroll-content">
			<div class="scroll-item">1</div>
			<div class="scroll-item">2</div>
			<div class="scroll-item">3</div>
			<div class="scroll-item">4</div>
		</div>
		<div class="panel">
			<h3>使用方法</h3>
			<h4>调用</h4>
			<p>new FullScreenScroll(obj)</p>
			<h4>参数对象需添加属性</h4>
			<p>scrollElement："滚动元素class"</p>
			<p>scrollElement："滚动外层元素id"</p>
		</div>
		<script>
			$(function(){
				new FullScreenScroll({
					scrollElement:".scroll-item",
					scrollContent:"#scrollContent"
				})
			})
			
		</script>
	</body>
</html>
